Ext.Loader.setConfig({enabled: true});
Ext.Loader.setPath('Ext.ux', rootPath + '/res/extjs/ux/');
Ext.require([
    'Ext.data.*',
    'Ext.grid.*',
    'Ext.util.*',
    'Ext.form.field.ComboBox',
    'Ext.form.FieldSet',
    'Ext.tip.QuickTipManager',
    'Ext.ux.data.PagingMemoryProxy'
    
]);

var data, store, columns, queryGrid,pager;
Ext.onReady(function(){
    Ext.QuickTips.init();
    Ext.EventManager.onWindowResize(function(){ 
        queryGrid.getView().refresh();
    });
    initGrid();
});
/*init grid */
function initGrid(){
    // create the data store
    store = Ext.create('Ext.data.Store', {
        fields: [
           {name : 'itemId', type : 'auto'},
           {name : 'mallCatId', type : 'auto'},
           {name : 'mallCatName', type : 'auto'},
           {name : 'itemName', type : 'auto'},
           {name : 'itemPicUrl', type : 'auto'},
           {name : 'itemCode', type : 'auto'},
           {name : 'itemType', type : 'auto'},
           {name : 'itemMarketPrice', type : 'auto'},
           {name : 'itemSalePrice', type : 'auto'},
           {name : 'itemValidStart', type : 'auto'},
           {name : 'itemValidEnd', type : 'auto'},
           {name : 'itemApprState', type : 'auto'},
           {name : 'itemUdState', type : 'auto'},
           {name : 'itemState', type : 'auto'},
           {name : 'itemTypeName', type : 'auto'},
         ],  
        remoteSort: true,
        pageSize: 5,
        proxy: {
            type: 'ajax',
            url: rootPath + '/icitem/selectIcItemList?itemStateVal=6',
            reader: {
                 type: 'json',
                 root : 'list',
                 totalProperty : 'total'
            }
        }
    });
    // width确定的宽度
    //
   
    

    columns = [
            {
                text     : ' 编码',
                sortable : false,
                dataIndex: 'itemCode',
                renderer : qtips,
                align   : 'center',
                tdCls:'ver-mid'
            },
            {
                text     : '名称',
                width    : 90,
                sortable : true,
                dataIndex: 'itemName',
                tdCls:'ver-mid'
            },
            {
            	text     : '商品主图',
            	width    : 90,
            	sortable : true,
            	dataIndex: 'itemPicUrl',
            	renderer : showImg,
            	tdCls:'ver-mid'
            },
            {
                text     : '类型',
                width    : 90,
                sortable : true,
                dataIndex: 'itemTypeName',
                tdCls:'ver-mid'
            },
            {
                text     : '类别',
                width    : 90,
                sortable : true,
                dataIndex: 'mallCatName',
                align   : 'center',
                tdCls:'ver-mid'
            },
            {
                text     : '原价',
                width : 100,
                sortable : true,
                dataIndex: 'itemMarketPrice',
                align   : 'center',
                tdCls:'ver-mid'
            },
            {
            	text     : '售价',
            	width : 90,
            	sortable : true,
            	dataIndex: 'itemSalePrice',
            	align    : 'center',
            	tdCls:'ver-mid'
            },
            {
                text     : '有效期始',
                width    : 90,
                sortable : true,
                dataIndex: 'itemValidStart',
                tdCls:'ver-mid'
            },
            {
            	text     : '有效期止',
            	width    : 90,
            	sortable : true,
            	dataIndex: 'itemValidEnd',
            	tdCls:'ver-mid'
            },
            {
            	text     : '商品状态',
            	width    : 90,
            	sortable : true,
            	dataIndex: 'itemState',
                tdCls:'ver-mid'
            },
            {
                text: '操作',
                menuDisabled: true,
                sortable: false,
                flex : 1,
                renderer: buttonRender,
                align   : 'center',
                tdCls:'ver-mid'
            }
        ];
    //pager
    pager = Ext.create('Ext.PagingToolbar', {
            store: store,
            displayInfo: true,
            displayMsg : '显示第 {0} 条到 {1} 条记录,一共 {2} 条'
    });
    // create the Grid
    queryGrid = Ext.create('Ext.grid.Panel', {
        store: store,
        stateful: true,
        collapsible: false,
        multiSelect: true,
        stateId: 'stateGrid',
        columns: columns,
        //height: 300,
        renderTo: 'queryGrid',
        bbar: pager,
        viewConfig: {
            stripeRows: true,
            enableTextSelection: true,
            deferRowRender : false,
            forceFit : true,
            emptyText : "<font class='emptyText'>没有符合条件的记录</font>",
            autoScroll:true,
            scrollOffset:-10
        }
    });
    store.load();
   
} 
/*
* 操作按钮
*/
function buttonRender(value, meta, record, rowIndex, colIndex, store) {
    var returnValue = "";
    var itemApprState = record.data.itemApprState;//审批状态 0-未提交 1-待审批（审批中） 2-审批通过 3-审批未通过'
    var itemUdState = record.data.itemUdState;//上下架状态 1-已上架(生效) 2-已下架 3-已强制下架 4-已替换下架 
    var itemId = record.data.itemId;//获取主键值
    return '<a href="' +rootPath+ '/icitem/itemApprvoePage?itemId='+ itemId +'">审批&nbsp</a>';
}
/*
* 提示文字,链接可以显示详情信息
*/
function qtips(value, cellmeta, record, rowIndex, colIndex, store){
    return Ext.String.format(
    		'<span  title="{0}"><a href="{2}/provider/showProviderDetails?providerId={1}">{0}</a></span>',
    		value,
    		record.data.providerId,
    		rootPath
    		);    
}

/*
 *显示图片 
 */
function showImg(value, cellmeta, record, rowIndex, colIndex, store){
	return Ext.String.format(
			'<span style="height: 50"><img src="{0}"/></span>',
			value
	);
}

/*
 * 获取区域名
 */
function getAreaName(value, cellmeta, record, rowIndex, colIndex, store){
	var str = "";
	$.ajax({
		dataType : "json",
		type : "POST",
		url: rootPath + '/commoncontroller/getAreaByAreaId',
		data :{
			areaId : value
		},
		success : function(data){
			//alert(data.areaName);
			value = data.areaName;
			
		}
	});
	
	return Ext.String.format(
			'<span title="{0}">{0}</span>',
			value
			);
}
